<!DOCTYPE html>
<html>
<head>
<title>Prototype</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/general.js"></script>
<script type="text/javascript" src="js/results.js"></script>
</head>

<body>
<div class="container">
	<div class="row">
		<div class="span12 page-header">
			<h1>Cucumber Portal <small>Results</small></h1>
		</div>
	</div>

	<div class="row">
		<div class="span12"><div class="alert alert-info">
			<button type="button" class="close" data-dismiss="alert">x</button>
			Delete succesful.
		</div></div>
	</div>

	<div class="row">
		<div class="span3">
			<div class="well well-small">
				<ul class="nav nav-list">
					<li class="nav-header">Navigation</li>
					<li><a href="index.html">Home</a></li>
					<li class="active"><a href="results.html">Results</a></li>
					<li><a href="">Files</a></li>
					<li><a href="">Tags</a></li>
					<li><a href="">Queries</a></li>
					<li class="divider"></li>
					<li><a href="">Reports</a></li>
					<li><a href="">Settings</a></li>
				</ul>
			</div>
		</div>

		<div class="span9">
			<table class="table table-striped table-hover table-bordered" id="results_table">
				<tr>
					<th>#</th>
					<th>Run Name</th>
					<th>Time</th>
					<th>Passed</th>
					<th>Pending</th>
					<th>Failed</th>
					<th></th>
				</tr>
				<tr class="error">
					<td>1</td>
					<td><a href="results-1.html">All tests</a></td>
					<td>12:12:12 04-19-2012</td>
					<td>42</td>
					<td>0</td>
					<td>3</td>
					<td class="has_checkbox"><input type="checkbox" /></td>
				</tr>
				<tr class="success">
					<td>2</td>
					<td><a href="">Calculations</a></td>
					<td>12:12:12 12-12-2012</td>
					<td>8</td>
					<td>0</td>
					<td>0</td>
					<td class="has_checkbox"><input type="checkbox" /></td>
				</tr>
				<tr class="info">
					<td>3</td>
					<td><a href="">Business Banking</a></td>
					<td>12:12:12 10-31-2012</td>
					<td>54</td>
					<td>2</td>
					<td>0</td>
					<td class="has_checkbox"><input type="checkbox" /></td>
				</tr>
			</table>

			<div class="row">
				<div class="pagination span5 no-top-margin">
					<ul>
						<li class="disabled"><a href="#">Prev</a></li>
						<li class="active"><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">4</a></li>
						<li><a href="#">Next</a></li>
					</ul>
				</div>
				<div  class="span4 text-right">
					<button class="btn btn-small btn-danger" id="delete" data-target="#delete_confirm" data-toggle="modal">Delete</button>
					<button class="btn btn-small btn-primary" id="select_all">Select All</button>
					<button class="btn btn-small btn-primary hidden_button" id="deselect_all">Deselect All</button>
				</div>
			</div>
		</div>
	</div>
</div>

<div id="delete_confirm" class="modal hide" tabindex="-1" role="dialog">
	<div class="modal-header">
		<h3>Confirm:</h3>
	</div>
	<div class="modal-body">
		<p>Are you sure you want to delete these results?</p>
	</div>
	<div class="modal-footer">
		<button class="btn" data-dismiss="modal">Cancel</button>
		<button class="btn btn-primary">Yes</button>
	</div>
</div>

</body>
</html>